<template>
    <div class="messageRight">
        <div class="messageHeader">
            <span class="title">提醒</span>
            <span class="operation">
                <i class="iconfont icon-6shanchu-2"></i>
                批量删除
            </span>
            <span class="operation">
                <i class="iconfont icon-shezhi"></i>
                设置
            </span>
        </div>
        <div class="messageConten">
            <div class="unMessage">
                <p class="iconfont icon-xinxi"></p>
                <span>还没有收到任何提醒</span>
            </div>
        </div>
    </div>
</template>

<script>
    export default {
        name:'Remind',

    }
</script>

<style lang="css" scoped>
.messageRight{
    background-color: #fff;
    width: 710px;
    height: 550px;
    float: left;
}
.messageRight .messageHeader{
    width: 100%;
    height: 55px;
    line-height: 55px;

}
.messageRight .messageHeader .title{
    font-size: 16px;
    font-weight: bold;
    margin-left: 30px;
}
.messageRight .messageHeader .operation{
    float: right;
    margin-right: 20px;
}
.messageRight .messageConten{
    width: 100%;
}
.messageRight .messageConten .unMessage{
    width: 100%;
    text-align: center;
    margin-top: 70px;
    padding-bottom: 170px;
}
.messageRight .messageConten .unMessage .iconfont{
    color: #3399CC;
    font-size: 70px;
    line-height:100px;
}
.messageRight .messageConten .unMessage span{
    font-weight: bold;
}
</style>